<%--
  Created by IntelliJ IDEA.
  User: teacher
  Date: 2022/4/24
  Time: 15:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>JSONP</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
           $("#btn").click(function(){
               $.ajax({
                   type:"post",
                   url:"http://192.168.6.8:8080/ajax/jp",
                   // 当dataType值为jsonp时,即表示使用JSONP跨域进行实现
                   // 实现的过程已经自动进行封装
                   dataType:"jsonp",
                   // jsonp:该属性用于指定传递参数的key
                   // 其key的默认值为callback
                   // 如果通过jsonp指定值,则key为指定的值
                   // 除非后台开发人员要求你指定某一个值
                   // 否则一般不做指定,开发中不建议使用
                   // 如果后台获取的key与当前指定的key不一致,会报错
                   jsonp:"aa",
                   success:function(result){
                       console.log(result);
                   }
               })
           }) ;
        });
    </script>
</head>
<body id="b">
<button id="btn">测试</button>
</body>
</html>
